<template>
  <div class="form_bar">
    <div class="switchPage">
      <!--暂时隐藏-->
      <!-- <div class="course">
        <div class="course_icon">
          <el-icon><reading /></el-icon>
        </div>
        <span>功能说明</span>
      </div> -->
    </div>
    <div class="btnList">
      <el-button  type="primary" :icon="Plus" v-auth="`${codeAuth}`" @click="addItem">{{ msg }}</el-button>
    </div>
  </div>
</template>

<script setup lang="ts">
  import { ref, reactive, computed, onBeforeUnmount } from 'vue'
  import { Plus } from '@element-plus/icons-vue'
  import router from '@/router'
  const props = defineProps(['msg', 'codeAuth'])
  //新增
  const addItem = () => {
    if (props.msg == '创建欢迎语') {
      router.push({
        path: '/channel/qwbasicoperation/welcomefriend/addWelcomFriend'
      })
    } else {
      router.push({
        path: '/channel/qwbasicoperation/welcomegroup/addWelcomgroup'
      })
    }
  }
</script>

<style lang="scss" scoped>
  .form_bar {
    display: flex;
    justify-content: space-between;
    background-color: #fff;
    .switchPage {
      display: flex;
      align-items: center;
      .course {
        width: 100px;
        height: 37px;
        margin-left: 10px;
        display: flex;
        align-items: center;
        justify-content: center;
        color: #ff6b00;
        background: #fffaf9;
        border-radius: 2px;
        border: 1px solid #ffc69e;
        cursor: pointer;
        &_icon {
          margin-right: 8px;
          margin-top: 5px;
        }
      }
    }
    .btnList {
      display: flex;
      align-items: center;
      padding:10px 0 0 0;
      
    }
    .tags {
      &_title {
        margin: 10px 0;
      }
      &_list {
        display: flex;
        flex-wrap: wrap;
        &_item {
          color: #969696;
          padding: 4px 10px;
          background: #ffffff;
          border: 1px solid #eaeaea;
          margin-right: 16px;
          margin-bottom: 10px;
          cursor: pointer;
        }
        .checked {
          border: 1px solid #ff6b00;
          color: #ff6b00;
        }
      }
    }
  }
</style>
<style scoped>
  .drop_customer {
  }
</style>
